.dFlex {
  display: flex;
  flex-direction: row;
}

.justifyCenter {
  justify-content: center;
}

.justifyBetween {
  justify-content: space-between;
}

.justifyEnd {
  justify-content: flex-end;
}

.alignItemsCenter {
  align-items: center;
}

.alignItemsTop {
  align-items: flex-start;
}

.flexFull,
.flex1 {
  flex: 1;
}

.flex2 {
  flex: 2;
}

.flex3 {
  flex: 3;
}

.noShrink,
.flex0Shrink {
  flex-shrink: 0;
}

.flexWrap {
  flex-wrap: wrap;
}

.flexNowrap {
  flex-wrap: nowrap !important;
}
.flexRow {
  display: flex;
  flex-direction: row;
}

.alignItemsCenter {
  align-items: center;
}

.rowItemsTop {
  @extend .flexRow;
  align-items: flex-start;
}

.rowItemsBottom {
  @extend .flexRow;
  align-items: flex-end;
}

.rowItemsCenter {
  @extend .flexRow;
  align-items: center;
}

.rowItemsStretch {
  @extend .flexRow;
  align-items: stretch;
}

.rowBetween {
  @extend .flexRow;
  justify-content: space-between;
}

.rowContentCenter {
  @extend .flexRow;
  @extend .justifyCenter;
}

.rowDoubleCenter {
  @extend .rowItemsCenter;
  @extend .justifyCenter;
}

.rowBetwTop {
  @extend .rowBetween;
  @extend .alignItemsTop;
}

.rowBetwCenter {
  @extend .rowBetween;
  @extend .alignItemsCenter;
}

.rowBetwBottom {
  @extend .rowBetween;
  align-items: flex-end;
}

.rowAround {
  @extend .flexRow;
  justify-content: space-around;
}

.rowAroundCenter {
  @extend .rowAround;
  @extend .alignItemsCenter;
}

.rowReverse {
  display: flex;
  flex-direction: row-reverse;
}

.rowCenterJustifyEnd {
  @extend .rowItemsCenter;
  justify-content: flex-end;
}

.rowJustifyEnd {
  @extend .flexRow;
  justify-content: flex-end;
}

// flex-col
.flexCol {
  display: flex;
  flex-direction: column;
}

.colBetween {
  @extend .flexCol;

  justify-content: space-between;
}

.colAround {
  @extend .flexCol;

  justify-content: space-around;
}

.colJustifyCenter {
  @extend .flexCol;
  @extend .justifyCenter;
}

.colItemsCenter {
  @extend .flexCol;
  @extend .alignItemsCenter;
}

.colEnd {
  @extend .flexCol;

  justify-content: flex-end;
}

.colDoubleCenter {
  @extend .colJustifyCenter;
  @extend .alignItemsCenter;
}

.colBetwCenter {
  @extend .flexCol;
  @extend .alignItemsCenter;
  justify-content: space-between;
}
